// 判断用户是否登录--判断cookie中会否存在username的值
$(function(){
  // 获取cookie的username，如果cookie中的username有值，则表示用户已经登录，否则未登录
  var username = getCookie('username');
  var headbox = document.querySelector('.headbox');
  if(username){
    // 用户已经登录，在顶部导航栏，显示用户的信息，及显示退出按钮
    var str = `
    <a href="./shouye.html"><img src="../img/log.jpg" alt=""></a>
    <a href="./shouye.html">首页</a>
    <a href="./liebiaoye.html">列表页</a>
    <a href="">估价</a>
    <a href="">汽车资讯</a>
    <a href="">历史成交价</a>
    <a href="">数据研究院</a>
    <a href="">工具</a>
    <a href="">关于我们</a>
    <a href="./denglu.html" class="iconfont  a1">&#xe611;${username}</a>
    <a href="javascript:;">退出</a>`;
    headbox.innerHTML = str;
    
    
    // 退出功能,点击退出
    var headbox = document.querySelector('.headbox');    
    headbox.onclick = function(){
      // 使用layer的confirm弹出层，展示 确定 和 取消 的选项
      layer.confirm('你确定要退出吗？',{ btn:['确定','取消'] },
        // 第一个 确定 按钮点击触发的函数
        function(){
          // 删除cookie，退出登录状态
          delCookie('username');
          headbox.innerHTML = `<a href="./shouye.html"><img src="../img/log.jpg" alt=""></a>
          <a href="./shouye.html">首页</a>
          <a href="./liebiaoye.html">列表页</a>
          <a href="">估价</a>
          <a href="">汽车资讯</a>
          <a href="">历史成交价</a>
          <a href="">数据研究院</a>
          <a href="">工具</a>
          <a href="">关于我们</a>
          <a href="./denglu.html">登录</a>
          <a href="./zhuce.html">注册</a>`;
          layer.msg('退出成功',{icon:1,time:500});
          headbox.reload();
        },
        // 第二个 取消 按钮 点击触发的函数
        function(){
          layer.msg('已取消',{icon:1,time:500})
          return false;
        }
      )
    }
  }
})

